import loadable from '../utils/loadable'
const Login=loadable(()=>import('../views/Login'))
const Home=loadable(()=>import('../views/Home'))
const Students=loadable(()=>import('../views/Students'))
const Classes=loadable(()=>import('../views/Classes'))
const Directors=loadable(()=>import('../views/Directors'))
const Subjects=loadable(()=>import('../views/Subjects'))
const Users=loadable(()=>import('../views/Users'))
const routes=[
    {
        path:'/login',
        element:<Login/>
    },
    {
        path:'/home',
        element:<Home/>,
        children:[
            {
                path:'students',
                element:<Students></Students>
            },
            {
                path:'classes',
                element:<Classes></Classes>
            },
            {
                path:'directors',
                element:<Directors></Directors>
            },
            {
                path:'subjects',
                element:<Subjects></Subjects>
            },
            {
                path:'users',
                element:<Users></Users>
            }
        ]
    }
]
export default routes